<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优惠券列表</title>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/ztree/css/metroStyle/metroStyle.css"/>
    <script type="text/javascript" src="/ztree/js/jquery.ztree.all.min.js"></script>
    <script src="/Vue/vue-2.6.12.js"></script>
    <link rel="stylesheet" href="/css/coupon/list/coupon-list.css"/>
</head>
<body>
<div id="app" class="box">
    <!--商品列表-->
    <div class="list">
        <div class="list-left">
            <div class="list-left-left"></div>
            <p class="list-left-right">优惠券列表</p>
        </div>
        <div class="list-right">
            <div class="list-right-left layui-btn layui-icon layui-icon-refresh" id="Refresh">&nbsp;刷新</div>
            <div class="list-right-right layui-btn layui-icon layui-icon-left" id="goBack">&nbsp;返回</div>
        </div>
    </div>

    <!--筛选查询-->
    <div class="layui-row query">
        <div class="layui-col-md11">
            <div class="layui-card headerCenter">
                <div class="layui-card-header backColor">
                    <i class="layui-icon">&#xe615;</i>
                    筛选查询
                    <div class="query-top-right layui-btn" id="advancedSearching">高级检索</div>
                </div>
                <div class="layui-card-body">
                    <form class="layui-form" lay-filter="layForm">
                        <div class="layui-form-item">
                            <label class="layui-form-label">优惠券名称：</label>
                            <div class="layui-input-inline">
                                <input placeholder="优惠券名称" name="couponName" class="layui-input" id="couponName"/>
                            </div>

                            <label class="layui-form-label">发放方式：</label>
                            <div class="layui-input-inline">
                                <select lay-filter="grant" name="grant">
                                    <option value="0">请选择发放方式</option>
                                    <option value="2">自动发放</option>
                                    <option value="3">活动领取</option>
                                    <option value="4">人工发放</option>
                                    <option value="5">无限制</option>
                                </select>
                            </div>

                            <label class="layui-form-label">优惠券状态：</label>
                            <div class="layui-input-inline">
                                <select lay-filter="online" name="online">
                                    <option value="0">请选择优惠券状态</option>
                                    <option value="2">上线</option>
                                    <option value="3">不上线</option>
                                </select>
                            </div>
                            <span style="float: right;margin-right: 10px">
                                <button type="button" id="search" class="layui-btn">
                                    <i class="layui-icon layui-icon-search" ></i> 搜索
                                </button>
                                <button type="reset"  class="layui-btn layui-btn-warm">
                                    <i class="layui-icon layui-icon-refresh-3"></i> 重置
                                </button>
                            </span>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--数据列表-->
    <div class="record">

        <div class="record-right">
            <table lay-filter="couponTable" id="couponTable"></table>
        </div>
    </div>
    <!--表头样式-->
    <div id="toolbarFunction" hidden class="layui-row" lay-filter="toolbarFunction">
        <div style="float: left;">
            数据列表
        </div>
        <button class=" layui-btn" style=" float: right; " onclick="addCoupon()" lay-filter="addCoupon">添加优惠券</button>
    </div>
    <div id="toolFunction" lay-filter="toolFunction" hidden>
            <span style="margin: 0px 15px; color: #009688; " lay-event="toolSelect">查看</span>
            <span lay-event="toolUpdate" style="color: #009688;">删除</span>
    </div>
    <!-- 返回 -->
    <p id="title" style="display: none;">优惠券列表</p>
</div>
</body>
    <script src="/js/coupon/list/coupon-list.js"></script>
</html>